body{background-color: #999;}
#dianliao{height: 0px;width: 0px;overflow: visible;position: fixed;right:225px;bottom:350px;font-size: 14px;}
/**/
#dianliao #dl-tall_win{height: 0px;width: 0px;overflow: visible;}
.avatar{height: 25px;width: 25px;}
/**/
#dianliao .control{height: 25px;width: 210px;background-color: #3CAA72;}
#dianliao .control .tall-win-open{height: 25px;width: 25px;overflow: visible;float: left;}
#dianliao .control .tall-win-open div{display: none; background-color:#3CAA72;color: #adf;  height: 25px;width: 25px;line-height: 25px;text-align: center;}
#dianliao .control .user-name{color: #fff;float: left;height: 25px;line-height: 25px;padding-left: 5px;}
#dianliao .control .win-min{height: 25px;width: 25px;float: right;cursor: pointer;}
#dianliao .control .win-min .min{height: 3px;width: 15px;margin-top: 13px;background-color: #adf;}
#dianliao .control .win-min .max{height: 10px;width: 10px;margin-top: 5px;border:2px solid #adf;}
#dl-tip{float: left;width:20px;height: 20px;line-height: 20px; text-align: center;color: red;font-size: 12px;font-weight: bold;}

/**/
#dianliao .body{height: 320px;width: 210px;background-color: #fff;overflow: hidden;}
#dianliao .body .dl-menu{height: 20px;width: 210px;background-color: #B9F8B3;}
#dianliao .body .dl-menu .m-font{cursor: pointer; text-align: center; line-height: 20px;font-size: 12px;color: #3CAA72;width: 210px;}
#dianliao .body .dl-menu .dl-menu-content{
	background-color: rgba(91, 197, 125, 0.5);
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
	float: left;
	background-image: url(../img/bg.png);background-repeat: repeat;
	height: auto;height: 300px;
	width: 210px;position: relative;z-index: 1;display: none;
}
#dianliao .body .dl-menu .dl-menu-content .menu-c{
	cursor: pointer; height: 37px;width: 30px;padding-left: 7px;padding-right: 7px;padding-top: 7px;
	border: 1px solid #fff;
	margin: 3px;float: left;text-align: center;
	line-height: 16px;
}
.menu-c.m1{background-color: red;}
.menu-c.m2{background-color: rgb(240, 0, 120);}
.menu-c.m3{background-color: blue;}
.menu-c.m4{background-color: rgb(255, 88, 9);}
.menu-c.m5{background-color: rgb(143, 69, 134);}
.menu-c.m6{background-color: rgb(255, 121, 188);}
.menu-c.m7{background-color: rgb(0, 219, 0);}
.menu-c.m8{background-color: gray;}
.menu-content{opacity: 0;filter:alpha(opacity=0); margin: 10px;float: left;height: 176px;width: 190px;background-color: #3CAA72;overflow-y: auto;}
.menu-content .tip-title{text-align: center;padding-top: 10px;color: #fff;float: left;width: 60px;height: 20px;margin-left: 10px;}
.menu-content .tip-content{text-align: center;padding-top: 10px;color: #fff;float: left;width: 78px;height: 20px;}
.menu-content .dl-m-text{color: #000; margin-left:10px;padding-left: 5px;height: 20px;width: 140px;border:0px;margin-top: 10px;background-color: #fff;}
.menu-content .dl-m-submit{color: #fff;margin-top: 10px;margin-left: 10px;border:1px solid #fff;height: 20px;width: 50px;line-height: 20px;text-align: center;cursor: pointer;}
.menu-content .dl-m-submit:hover{color:#70F7F1;border-color: #70F7F1;}
.dl-sub-res{height: auto;width: 168px;border-left:1px solid #70F7F1;border-right:1px solid #70F7F1;margin-left: 10px;margin-top: 10px;}
#dl-m4-close{height: 0px;width: 0px;float: left;position: relative;z-index: 10;}
#dl-m4-close div{height: 25px;width: 25px;background-color: #3CAA72; cursor: pointer;}
/*#dianliao .body .dl-menu:hover .dl-menu-content{display: block;}*/
#dianliao .menu{height:25px;width: 70px;float: left;}
#dianliao .menu .menu-body{color: #fff;}
#dianliao .menu .menu-body div{height: 25px;font-size: 12px; width: 30px;cursor: pointer; float: left;line-height: 25px;padding-left: 5px;}
#dianliao .menu .menu-body div.on{font-weight: bold;}

/*dl-win*/
#dianliao #dl-friend{height: 300px;width: 210px;overflow-y: auto;overflow-x:hidden;float: left;}
#dianliao #dl-recently{height: 300px;width: 210px;overflow-y: auto;overflow-x:hidden;float: left;}
#dl-recently .friend i{float: right;border-radius: 4px;margin-right: -170px; margin-top: 10px; color:#aaa;font-family: Arial,Microsoft YaHei,Helvetica,sans-serif;height: 12px;width: 12px;text-align: center;line-height: 14px;background-color: transparent;}
#dl-recently .friend i:hover{background-color: #27dd72;border:1px solid #3CAA72;color: #fff;}


#dianliao .body .dl-win{display: none;}
#dianliao .body div.on{display: block;}
#dianliao .friend{border-bottom: 1px dashed #adf; height: 30px;width: 180px;padding-left: 20px; font-size: 12px;color:#666;line-height: 30px;cursor: pointer;}
#dianliao .fOnline{color:#3CAA72;}
#dianliao .friend:hover .nick a{text-decoration: underline;}
#dianliao .friend:hover{background-color: #defccc;}
#dl-tall-win .friend{color:#3CAA72;}
#dianliao .friend .nick{float: left;margin-left: 5px;height: 30px;}
#dianliao .friend .avatar{float: left;margin-top: 2px;-webkit-filter:grayscale(1);}
#dianliao .fOnline .avatar{-webkit-filter:grayscale(0);}
#dianliao .friend .tip{float: right;margin-right: 20px;color: red;}


/*tall-win*/
#dl-tall_win{display: block;height: 381px;width:0px;position: fixed; right: 226px;bottom: 5px;overflow: hidden;}
#dl-tall-win{height: 381px;width: 410px;overflow-y: auto;overflow-x:hidden;}
#dl-tall-win .tall-header{margin-top: 36px;height: 25px;width: 100%;background-color: #3CAA72;float: left;}

#dl-tall-win .tall-header .tall-friend-msg{padding-left: 25px;height: 25px;width: 235px;float: left;}
#dl-tall-win .tall-header .friend-avatar{border-radius: 4px; margin-top: -36px;height: 52px;width: 52px;background-color:#3CAA72; border:1px solid #3CAA72;float: left;position: relative;}
#dl-tall-win .tall-header .friend-avatar img{border-radius: 4px;margin-top: 1px;margin-left: 1px; height: 48px;width: 48px;border:1px solid #C5FDD9;}
#dl-tall-win .tall-header .friend-name{height: 25px;width: 150px;margin-left: 10px; line-height: 25px;font-size: 12px;color: #fff;float: left;}

#dl-tall-win .tall-header .win-min{height: 25px;width: 25px;float: right;}
#dl-tall-win .tall-header .win-min div{float: left;}
#dl-tall-win .tall-header .win-min .min{width: 15px;padding-top: 13px;border-bottom:3px solid #adf;cursor: pointer;}
#dl-tall-win .tall-header .win-min .exit{height: 14px;width: 14px;color: #adf;margin-top: 4px;margin-left: 4px;cursor: pointer;}

#dl-tall-win .tall-menu{height: 320px;width:99px;background-color: #C5FDD9;float: left;border-right: 1px solid #ccc;}
#dl-tall-win .dl-msg{height: 200px;width: 310px;float: left;background-color: #fff;overflow-y:auto; }
#dl-tall-win .msg-post{height: 120px;width: 310px;float: left;}
#dl-tall-win .msg-post .msg-add{height: 25px;border-top: 1px solid #ccc;width: 310px;background-color: #f5f5f5;}
#dl-tall-win .msg-post .msg-add a{margin-top:10px;color: #3CAA72;font-size: 12px;margin-left: 10px;cursor: pointer;}
#dl-tall-win .msg-post .msg-add i{margin-right: 3px;}
#dl-tall-win .msg-post .msg-add a:hover{text-decoration: underline;}

#dl-tall-win .msg-post #msg-post{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;height: 40px;width: 300px;background-color: #fff; padding: 5px;max-height: 40px;overflow-y: auto;word-break: normal;word-wrap: break-word;}
#dl-tall-win .msg-post .msg-sub{height: 32px;width: 300px;padding: 5px;background-color: #f5f5f5;}
#dl-tall-win .msg-post #msg-btn{float: right; text-align: center;width: 50px;height:30px;line-height:30px;color:#fff;font-size: 14px;font-weight: bold;cursor: pointer;background-color: #16CC83;border-radius: 4px;}
#dl-tall-win .msg-post #msg-btn:hover{background-color: #27dd72;}

/*dl-msg*/
#tall-menu{list-style: none;margin:0px;padding: 0px; height: 300px;}
.tall-menu-clear{width: 99px;text-align: center;height: 19px;line-height: 19px;font-size: 12px;color: #555;cursor: pointer; position: relative;border-top: 1px solid #ccc;}
#tall-menu li{list-style: none;height: 29px;font-size: 12px;line-height: 30px; border-bottom: 1px solid #ccc;cursor: pointer; width: 86px;padding-left: 10px;padding-right: 3px;border-right:1px solid #ccc;}
#tall-menu li.on{background-color: #fff;}
#tall-menu li:hover i{display: inherit;}
#tall-menu li a{float: left;color:#3CAA72;width: 70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tall-menu li a:hover{float: left;color:#27dd72;text-decoration: underline;}
#tall-menu li i{float: right;display: none; border-radius: 4px;margin-top: 8px; color:#aaa;font-family: Arial,Microsoft YaHei,Helvetica,sans-serif;height: 12px;width: 12px;text-align: center;line-height: 14px;background-color: transparent;}
#tall-menu li i:hover{background-color: #27dd72;border:1px solid #3CAA72;color: #fff;}
#dl-tall-win .dl-msg .msgl{clear: both;text-align: left;padding-top:6px;padding-bottom:6px;padding-left: 5px;padding-right: 5px;}
#dl-tall-win .dl-msg .msgr{clear: both; padding-top:6px;padding-bottom:6px;padding-left: 5px;padding-right: 5px;}
#dl-tall-win .dl-msg .msgl .avatar{color: #3CAA72; float: left; height: auto;width: 40px;line-height: 14px;font-size: 12px;text-align: center;}
#dl-tall-win .dl-msg .avatar{color: #3CAA72; float: right; height: auto;width: 40px;line-height: 14px;font-size: 12px;text-align: center;}
#dl-tall-win .dl-msg .avatar img{height:32px;width:32px;}
#dl-tall-win .dl-msg .msgl .chat-content{text-align: left;margin: 0 0 0 50px;}
#dl-tall-win .dl-msg .chat-content{text-align: right;margin: 0 50px 0 0;}
#dl-tall-win .dl-msg .chat-content .text{background-color: #E3F7CE;text-align: left;position: relative;padding:5px 10px;display: inline-block;}
#dl-tall-win .dl-msg .chat-content .text p{color: #333; margin: 0px; max-width: 220px;word-wrap:break-word;font-size: 12px;color: #000;}
#dl-tall-win .dl-msg .chat-content .text span{max-width: 220px;word-wrap:break-word;font-size: 12px;color: #999;}
#dl-tall-win .dl-msg .msgr .chat-content .text:after{top: 8px;content:"";border-style: solid;position: absolute; display: block;width: 0; right: -10px;bottom: auto;left: auto;border-width: 10px 0 10px 15px;border-color: transparent #E3F7CE;}
#dl-tall-win .dl-msg .msgl .chat-content .text:after{top: 8px;content:"";border-style: solid;position: absolute; display: block;width: 0; left: -10px;bottom: auto;right: auto;border-width: 10px 15px 10px 0;border-color: transparent #E3F7CE;}





.no-wh{height: 0px;width: 0px;overflow: visible;float: left;}
